/* CSS Document*/
html{height:100%;border:none;}
body{height:100%;min-width: 1200px;border:none;padding:0;margin:0;text-align:left;font-size:14px;color:#666;font-family:Arial, "microsoft yahei";}
div,ul,li,img,dl,dd,dt,p{padding:0;margin:0;border:none;}
ul,dl{list-style-type:none;}
h1,h2,h3,h4,h5{margin:0;padding: 0;font-weight: normal;}
a{color:#666;text-decoration:none;}
a:hover{color:#007bdf;text-decoration:none;}

.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.container{width: 1200px;margin: 0 auto;}






.ys{ width: 100%; height: auto; padding: 50px 0; overflow: hidden; }
.ys .content-1,.ys .content-2{ width: 1050px; margin: 0 auto; height: auto; overflow: hidden; }
.ys .content-1 .fl{ width: 415px; }
.ys .content-1 .fr{ width: 610px; }
.ys .content-2 .fl{ width: 471px; }
.ys .content-2 .fr{ width: 460px; }
.ys h2{ color: #0256a4; overflow: hidden; padding-bottom: 18px; margin-bottom: 10px; margin-top: 25px; background: url(../images/ys-line.jpg) no-repeat bottom left; }
.ys h2 i{ float: left; }
.ys h2 span{ float:left; margin-left: 20px; color: #666666; }
.ys h2 span em{ display: block; font-style: normal;font-weight: bold; color: #007bdf; }
.ys .content-1 p,.ys .content-2 p{ font-size: 14px; color: #2d2d2d; line-height: 25px; background: url(../images/ys-ico.jpg) no-repeat left 6px; padding-left: 20px; }





.sec-title{ text-align: center; padding: 30px 0; }
.sec-title span{ font-size: 30px; height: 50px; position: relative; padding-bottom: 10px; font-weight: bold; }
.sec-title span:after{ width: 30px; height: 2px; content:''; background: #007bdf; position: absolute; bottom: 0; left: 42%;  }
.sec-title p{ font-size: 14px; margin-top: 20px; }

.index-pro{ padding: 30px 0 30px; height: auto; overflow: hidden;}
.index-pro .fl{ width: 300px; }
.index-pro .fr{ width: 860px; }
.index-pro .fl .title{ height:70px; width: 270px; background: #007bdf; color: #FFF; padding: 20px 0 0 30px;   }
.index-pro .fl .title span{ display: block;font-size: 28px; font-weight: bold; }
.index-pro .fl ul li{ font-size: 16px;line-height: 58px; }
.index-pro .fl ul li span{ padding-left: 58px; }
.index-pro .fl ul li a{ display: block; background: url(../images/menu01.jpg) no-repeat; height: 58px; width: 100%; }
.index-pro .fl ul li a:hover{ display: block; background: url(../images/menu01-h.jpg) no-repeat;height: 58px; width: 100%; }

.category{width: 100%;padding-top: 12px;margin-bottom: 20px;}
.category h3{line-height: 58px;float: left;}
.category h3 a{float: left;line-height: 58px;color: #666;padding-left: 58px;width: 242px;font-weight: normal;background: url(../images/menu01.jpg) no-repeat;display: block;font-size: 13px;}
.category h3.on a{background: url(../images/menu01-h.jpg) no-repeat; color: #007bdf;}
.category h3 a:hover{display: block;background: url(../images/menu01-h.jpg) no-repeat;height: 58px;width: 300px;}
.category h3 span{float: left;}
.category ul{display: none;    float: left;
    width: 73%;
    /* padding-left: 10px; */
    margin-left: 20px;}
.category li{display: block;border-bottom: 1px solid #e1e1e1;width: 100%;line-height: 42px;background-size: 5px;}
.category li a{display: block;color: #666;font-size: 14px;padding-left: 58px;}
.category li.on a{color: #007bdf;}

.index-pro .contact{ width: 300px; height: 140px; background: url(../images/tels.jpg) no-repeat #e3e3e3; margin-top: 30px;}
.index-pro .contact p{ margin-left: 160px;font-size: 16px; padding-top: 20px;  color: #666666; }
.index-pro .contact span{color:#007bdf; font-size: 24px; padding-left: 120px; margin-top: 10px; display: block;}
.index-pro .contact .more1{ margin-left: 125px; margin-top: 10px; text-align: center; }
.index-pro .contact .more1 a{ color: #007bdf; border: 1px solid #007bdf; width: 120px; height: 30px; line-height: 30px; display: block; }
.index-pro .contact .more1 a:hover{ background: #007bdf; color: #FFF; }
.index-pro .fr .title{line-height: 45px; border-bottom: 1px solid #e1e1e1;}
.index-pro .fr .title span{ font-size: 24px; color: #007bdf; border-bottom: 3px solid #007bdf; padding-bottom: 10px; font-weight: bold; }
.index-pro .fr .title p{ display: inline-block; float: right; }
.index-pro .fr ul li{ float: left; display: inline-block; margin-right: 27px; text-align: center; margin-top: 20px; }
.index-pro .fr ul li:nth-child(3n){margin-right:0}
.index-pro .fr ul li .img{width: 266px; height: 198px;  overflow: hidden; border: 1px solid #c1c1c1 }
.index-pro .fr ul li .img img{  height: 190px;padding: 3px;  transition: 0.5s; }
.index-pro .fr ul li .img img:hover{ transform:scale(1.2)  }







.preview .active-nav .imgauto{border: 1px solid #1f7fcb;}
.preview .arrow-left{background: url(../images/prev1.png) no-repeat left center;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.preview .arrow-right{background: url(../images/next1.png) no-repeat left center;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.clearfix {*zoom: 1;}
.clearfix:after{content: " "; display: block; height: 0; clear: both; visibility: hidden;}